﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>详情</title>
    <link type="text/css" href="css/basic.css" rel="stylesheet">
    <link type="text/css" href="css/swiper.min.css" rel="stylesheet">
    <link type="text/css" href="css/index.css" rel="stylesheet">

    <script type="text/javascript" src="js/jquery-1.10.1.min.js"></script>

</head>
<body>
<header class="news-hd news-imgList-hd clearfix">
    <div class="mod-back-btn fn-fl"><i class="i-topPoint"></i></div>
    <div class="mod-header-txt fn-fl">黔送铁军圆满完成天生桥换流站抢修任务</div>
    <div class="mod-back-btn fn-fr"><i class="i-ellips">●●●</i></div>
</header>
<!--内容模块-->
<section class="news-imgList-content ">
    <div class="swiper-container">
        <div class="swiper-wrapper">

            <div class="swiper-slide">
                <img class="news-imgList-img" src="images/pic04.jpg" alt="" />
                <div class="news-imgList-info">
                    <div class="news-imgList-info-wrap">
                        <header class="news-imgList-header clearfix">
                            <p class="news-imgList-num fn-fl"><em><i>1</i>/</em>3</p>
                            <div class="news-imgList-header-hd fn-fl">
                                <p class="news-imgList-org fn-wto">编辑：周一琪 / 摄影：北海   成波    王成威</p>
                                <p class="news-imgList-time"><span class="mr10">2016-04-19</span><span><i class="i-eye"></i>6014</span> </p>
                            </div>
                        </header>
                        <article class="news-imgList-article clearfix">
                           <div class="news-article-content fn-fl">
                               本网讯 3月9日，南网超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极本网讯 3月9日，南网超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极
                           </div>
                            <a href="javascript:void(0);" data-key="o" class="news-article-btn fn-fr j-news-btn"></a>
                        </article>
                    </div>
                </div>
            </div>

            <div class="swiper-slide">
                <img class="news-imgList-img" src="images/pic04.jpg" alt="" />
                <div class="news-imgList-info">
                    <div class="news-imgList-info-wrap">
                        <header class="news-imgList-header clearfix">
                            <p class="news-imgList-num fn-fl"><em><i>2</i>/</em>3</p>
                            <div class="news-imgList-header-hd fn-fl">
                                <p class="news-imgList-org fn-wto">编辑：周一琪 / 摄影：北海   成波    王成威</p>
                                <p class="news-imgList-time"><span class="mr10">2016-04-19</span><span><i class="i-eye"></i>6014</span> </p>
                            </div>
                        </header>
                        <article class="news-imgList-article clearfix">
                           <div class="news-article-content fn-fl">
                               本网讯 3月9日，南网超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极本网讯 3月9日，南网超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极
                           </div>
                            <a href="javascript:void(0);" data-key="o" class="news-article-btn fn-fr j-news-btn"></a>
                        </article>
                    </div>
                </div>
            </div>

            <div class="swiper-slide">
                <img class="news-imgList-img" src="images/pic03.jpg" alt="" />
                <div class="news-imgList-info">
                    <div class="news-imgList-info-wrap">
                        <header class="news-imgList-header clearfix">
                            <p class="news-imgList-num fn-fl"><em><i>3</i>/</em>3</p>
                            <div class="news-imgList-header-hd fn-fl">
                                <p class="news-imgList-org fn-wto">编辑：周一琪 / 摄影：北海   成波    王成威</p>
                                <p class="news-imgList-time"><span class="mr10">2016-04-19</span><span><i class="i-eye"></i>6014</span> </p>
                            </div>
                        </header>
                        <article class="news-imgList-article clearfix">
                           <div class="news-article-content fn-fl">
                               本网讯 3月9日，南网超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极本网讯 3月9日，南网超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极
                           </div>
                            <a href="javascript:void(0);" data-key="o" class="news-article-btn fn-fr j-news-btn"></a>
                        </article>
                    </div>
                </div>
            </div>

            <div class="swiper-slide">
                <img class="news-imgList-img" src="images/pic03.jpg" alt="" />
                <div class="news-imgList-info">
                    <div class="news-imgList-info-wrap">
                        <header class="news-imgList-header clearfix">
                            <p class="news-imgList-num fn-fl"><em><i>3</i>/</em>3</p>
                            <div class="news-imgList-header-hd fn-fl">
                                <p class="news-imgList-org fn-wto">编辑：周一琪 / 摄影：北海   成波    王成威</p>
                                <p class="news-imgList-time"><span class="mr10">2016-04-19</span><span><i class="i-eye"></i>6014</span> </p>
                            </div>
                        </header>
                        <article class="news-imgList-article clearfix">
                           <div class="news-article-content fn-fl">
                               本网讯 3月9日，南网超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极本网讯 3月9日，南网超高压输电公司天生桥局天生桥换流站值班人员在巡查过程中发现220千伏极
                           </div>
                            <a href="javascript:void(0);" data-key="o" class="news-article-btn fn-fr j-news-btn"></a>
                        </article>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<script type="text/javascript" src="js/swiper.min.js"></script>
<script>
    var swiper = new Swiper('.swiper-container');
    $(function(){
        $(".j-news-btn").on('click',function(){
            var $Dkey = $(this).attr("data-key");
            if($Dkey=="o"){
                $(".news-imgList-info").animate({height:"80%"},800);
                $(this).addClass("news-article-btn-down");
                $(this).attr("data-key","f");
            }else if($Dkey=="f"){
                $(".news-imgList-info").animate({height:"30%"},800);
                $(this).removeClass("news-article-btn-down");
                $(this).attr("data-key","o");
            }
        })

    })
</script>
</body>
</html>